<template>
  <div class="signup">
    <h1>{{msg}}</h1>
    <form action="http://www.wangry.com:3001/users" method='post'>
      <input type="text" placeholder="姓名" name="name">
      <input type="text" placeholder="身份证号码" name="idNum">
      <input type="text" placeholder="手机号码" name="phone">
      <input type="text" placeholder="参加活动编号" name="wantId">
      <input type="text" placeholder="支付成功单号" name="orderNum">
      <textarea name="note" id="" cols="30" rows="10" placeholder="备注"></textarea>
      <input type="submit" value="提交">
    </form>
  </div>
</template>

<script>
export default {
  name: 'signup',
  data () {
    return {
      msg: '填写登记信息'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  h1{
    padding:30px 0 0;
    font-size: 20px;
  }
  input{
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 80%;
    height: 30px;
    max-width: 600px;
    border:1px solid #000;
  }
  textarea{
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 80%;
    max-width: 600px;
    border:1px solid #000;
  }
</style>
